<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://myjslib.qiniudn.com/fonts/roboto/roboto.css">
    <link rel="stylesheet" href="demo.css">
    <script type="text/javascript" src="jquery.js"></script>
    <title>Demo</title>
</head>
<body>
    <header class="header">
        <div class="content">
            <h1>Responsive Waterfall</h1>
            <p>Resize the browser to see the responsive the effect</p>
            <div class="btn-group">
                <button id='add-btn' class="btn btn-primary">Add Box</button>
                <button id='scaleup-btn' class="btn btn-primary">Scale Up</button>
                <button id='scaledown-btn' class="btn btn-primary">Scale Down</button>
            </div>
            <a href="https://github.com/leozdgao/responsive_waterfall">View on Github</a>
        </div>
    </header>
    <section>
        <div class="wf-container">
            
        </div>
    </section>
    <script src="responsive_waterfall.js"></script>
    <script src="app.js"></script>
</body>
</html>